13장 스코프

13.1 스코프란?

[!note] 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라 한다. 즉 스코프는 식별자가 유효한 범위를 말한다.

• 자바스크립트 엔진은 코드를 실행할 때 코드의 문맥을 고려한다.
• 프로그래밍 언어에서는 스코프(유효 범위)를 통해 식별자인 변수 이름의 충돌을 방지하여 같은 이름의 변수를 사용할 수 있게 한다.
• 스코프 내에서 식별자는 유일해야 하지만 다른 스코프에는 같은 이름의 식별자를 사용할 수 있다.

13.2 스코프의 종류

• 전역에서 선언된 변수는 전역 스코프를 갖는 전역 변수이다.
• 지역에서 선언된 변수는 지역 스코프를 갖는 지역 변수이다.

13.2.1 전역과 전역 스코프

• 전역 변수는 어디서든지 참조할 수 있다.

13.2.2 지역과 지역 스코프

• 지역이란 함수 몸체 내부를 말한다.
• 지역 변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다.

13.3 스코프 체인

• 함수는 중첩될 수 있으므로 함수의 지역 스코프도 중첩될 수 있다.
• 스코프는 함수의 중첩에 의해 계층적 구조를 갖는다.
• 이렇게 스코프가 계층적으로 연결된 것을 스코프 체인이라 한다.
• 변수를 참조할 때 자바스크립트 엔진은 스코프 체인을 통해 변수를 참조하는 코드의 스코프에서 시작하여 상위 스코프 방향으로 이동하며 선언된 변수를 검색한다.
• 자바스크립트 엔진은 런타임 이전에 위 그림과 유사한 자료구조인 렉시컬 환경을 생성하고, 변수 선언, 할당, 검색 모두 이 자료구조 상에서 이루어진다.

13.3.1 스코프 체인에 의한 변수 검색

• 자바스크립트 엔진은 스코프 체인을 따라 상위 스코프 방향으로 이동하며 선언된 변수를 검색한다.
• 상위 스코프에서 유효한 변수는 하위 스코프에서 자유롭게 참조할 수 있지만 하위 스코프에서 유효한 변수를 상위 스코프에서 참조할 수 없다.

13.3.2 스코프 체인에 의한 함수 검색

• 함수도 식별자에 할당되기 때문에 스코프를 갖는다.
• 마찬가지로 스코프 체인을 따라 상위 스코프 방향으로 이동하며 함수 식별자를 찾는다.

13.4 함수 레벨 스코프

13.5 렉시컬 스코프